//1. 引入 react
import React from 'react';
//2. 引入 React-DOM
import ReactDOM from 'react-dom';
import App from './App';
import {BrowserRouter, HashRouter} from 'react-router-dom';
import store from './redux/store';

//引入 store.js   只是执行 store.js 的代码 , 没有导入任何的数据
import './redux/store.js';
//4. 渲染
// Browser  浏览器
// Router   路由器
// BrowserRouter  是路由器组件中的一种, 另一种叫做 HashRouter
ReactDOM.render( <BrowserRouter>
        <App />
    </BrowserRouter>
    , document.querySelector('#root'));


//store 的状态监听函数
store.subscribe(() => {
    //更新组件
    ReactDOM.render(<BrowserRouter>
            <App />
        </BrowserRouter>
        , document.querySelector('#root'));
});